<template>
	<view class="zone">
		<Header title="新人攻略" color="#fff"></Header>

		<view class="main">
			<image src="http://img.cpgm.cc/panda/static/steragy/s1.png" mode="widthFix" />
			<image src="http://img.cpgm.cc/panda/static/steragy/s2.png" mode="widthFix" />
			<image src="http://img.cpgm.cc/panda/static/steragy/s3.png" mode="widthFix" />
			<image src="http://img.cpgm.cc/panda/static/steragy/s4.png" mode="widthFix" />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tablist: [{
						id: 1,
						name: '新人攻略'
					},
					{
						id: 2,
						name: '搬砖攻略'
					},
				],
				stat: 1,
				background: {
					background: '#000',
				},
				type:'',
			};
		},
		onLoad(option){
			console.log(option);
			this.type = option.type
		},
		methods: {
			// 切换
			tabchange(id) {
				this.stat = id
			},

			seeimg(img){
				uni.previewImage({
					urls: [img],
					longPressActions: {
						success: function(data) {
						},
						fail: function(err) {
							console.log(err.errMsg);
						}
					}
				});
			},
		},
	}
</script>

<style lang="less">
.zone {
	background: linear-gradient(180deg, #0477FD 0%, #77FDCD 100%);
	min-height: 100vh;
}

.main {
	padding: 10px;
	line-height: 0;


	image {
		width: 100%;
		margin: 5px 0;
	}
	
}

</style>
